<template>
	<div class="content">
		<div class="title">
			<div class="icon">
				特价
			</div>
			<div class="tg">
				团购
			</div>
			<div class="fg">|</div>
			<div class="num">已有<span style="color:#FF620C">1234</span>人参与拼团</div>
		</div>	
		<div class="goods">
			<div class="box">
				<div class="item"></div>
				<div>
					<div class="t">【进口】红…</div>
					<div class="ft">[人气推荐]内…</div>
					<div class="jg">￥16.9<span class="fjg">￥123.0</span></div>
				</div>
			</div>
			<div class="box" style="margin-left:10px;">
				<div class="item"></div>
				<div>
					<div class="t">【进口】红…</div>
					<div class="ft">[人气推荐]内…</div>
					<div class="jg">￥16.9<span class="fjg">￥123.0</span></div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	name: "poster",
	props: {
		type: {
			type: [String, Number],
			default: 1
		},
		list: {
			type: Array,
			default: () => []
		},

	},
	data() {
		return {

		};
	},
	created() {

	},
	methods: {
		
	}
}
</script>

<style lang="scss" scoped>
	.goods{
		margin-top:14px ;
		display: flex;
		.ft{
			font-size: 10px;
			color: #909090;
			margin: 3px 0;
		}
		.jg{
			font-weight: bold;
			font-size: 15px;
			color: #FF0034
			
		}
		.fjg{
			font-size: 10px;
			color: #909090;
			text-decoration: line-through;
		}
		.box{
			display: flex;
		}
		.item{
			width: 69px;
			height: 52px;
			background: #FFFFFF;
			border-radius: 7px 7px 7px 7px;
			border: 1px solid #707070;
			margin-right: 5px;
		}
		.t{
				font-weight: bold;
				font-size: 12px;
				color: #000000;
			}
	}
	.num{
		font-weight: 500;
		font-size: 12px;
		color: #909090;
	}
	.fg{
		// width: 0px;
		// height: 10px;
		// border: 1px solid #909090;
		// margin: 0 5px;
		margin: 0 5px;
	}
	.tg{
		font-size: 18px;
		margin-left: 4px;
		font-weight: bold;
	}
	.title{
		display: flex;
		align-items: center;
	}
	.icon{
			width: 37px;
			height: 19px;
			font-size: 12px;
			color: #FFFFFF;
			border-radius: 100px 100px 100px 0;
			background-color:#FF0034 ;
			text-align: center;
			line-height: 19px;
		}
	.content{
		width: 374px;
		height: 109px;
		padding: 11px 13px;
		background: linear-gradient( 180deg , #D9F1F9 ,#FFFFFF,#FFFFFF, #FFFFFF );
		box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.08);
		border-radius: 13px 13px 13px 13px;
		margin: 10px auto;
	}
</style>
